<template>
  <div class="my-counter">
    <button type="button" class="btn btn-light" @click="list.goods_count>1&& list.goods_count--">-</button>
    <input type="number" class="form-control inp" v-model.number="list.goods_count">
    <button type="button" class="btn btn-light" @click="list.goods_count++">+</button>
  </div>
</template>

<script>
  export default {
    props: ["list"]
  }
</script>
<style lang="less" scoped>
  .my-counter {
    display: flex;

    .inp {
      width: 45px;
      text-align: center;
      margin: 0 10px;
    }

    .btn,
    .inp {
      transform: scale(0.9);
    }
  }
</style>